<template>
  <van-tabbar v-model="active" route>
      <van-tabbar-item v-for="(item,index) in tabs" :key="index" :icon="item.icon" :to="item.to">{{item.name}}</van-tabbar-item>
  </van-tabbar>
</template>

<script>
export default {
  data(){
      return {
          active:0,
          tabs:[
          {
              icon:'home-o',
              name:'首页',
              to:'/index/home'
          },
          {
              icon:'search',
              name:'爆爆团',
              to:'/index/tuan'
          },
          {
              icon:'friends-o',
              name:'订单',
              to:'/index/order'
          },
          {
              icon:'setting-o',
              name:'我的',
              to:'/index/mine'
          },
          ]
      }
  }
      
}
</script>

<style>

</style>